<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>玛莎拉蒂（Maserati ）中国官方网站-玛莎拉蒂中国</title>
	<link rel="icon" href="/img/shortcut.ico"/>
	<link rel="stylesheet" type="text/css" href="/css/header.css"/>
	<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
	<link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="/css/swiper.css"/>
	<link rel="stylesheet" type="text/css" href="/css/index.css"/>
	
</head>
<body>
	<header></header>
    <div id="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide rightDownBig"><img src="/img/banner1.jpeg" /><div class="detail"><h3>Lorem ipsum dolor sit ametel consi.</h3>
    <p><span>Et etur adip scing elit vesti bulum ut tortor urna dunter dolor nuncet vulputate ultrices con sect eturito
    donec semper lacinia ultricies. </span></p></div></div>
                <div class="swiper-slide"><img src="/img/banner2.jpeg" /><div class="detail"><h3>Et etur adip scing elit vesti bulum ut.</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nonummy hendrerit mauris
    consectetuer adipiscing elit. </span></p></div></div>
                <div class="swiper-slide"><img src="/img/banner3.jpeg" /><div class="detail"><h3>Aliquam erat volutpat. Duis ac turpis.</h3>
    <p><span>Et etur adip scing elit vesti bulum ut tortor urna dunter dolor nuncet vulputate ultrices con sect eturito
    donec semper lacinia ultricies.  </span></p></div></div>
                <div class="swiper-slide"><img src="/img/banner4.jpeg" /><div class="detail"><h3>Aliquam erat volutpat. Duis ac turpis.</h3>
    <p><span>Praesent vestibulum molestie lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit
    vestibulum molestie lacus. </span></p></div></div>
            </div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
	<main>
		<div class="text">
			<span class="con">车型</span>
			<span>每一辆玛莎拉蒂座驾均采用手工工艺精心雕琢细节。</span>
		</div>
		<div class="carType">
			
		</div>
		<script type="text/html" id="carTypeTemplate">
			{{each typeList item}}
			<dl><span>限时优惠</span>
				<dt>{{item.title}}</dt>
				<dd>
					<ul data-id="{{item.id}}">
						<li>{{item.expireMsg}}</li>
						<li>{{item.couponValue}}</li>
						<li class="img"><img src="{{item.image}}" alt=""></li>
						<a href="/html/detail.html?id={{item.id}}" class="more">了解更多</a>
					</ul>
				</dd>
			</dl>
			{{/each}}
		</script>
	</main>
	
	<footer></footer>
</body>
<script src="/libs/require/require.js" data-main="/js/index"></script>
</html>